import { PageContainer } from '@ant-design/pro-layout';
import React, { useState, useEffect } from 'react';
import { Spin, Button } from 'antd';
import styles from './index.less';

export default () => {
    const [loading, setLoading] = useState<boolean>(true);
    useEffect(() => {
        setTimeout(() => {
            setLoading(false);
        }, 3000);
    }, []);
    return (
        <PageContainer content="这是一个新页面，从这里进行开发！" className={styles.main}>
            <div style={{ paddingTop: 100, textAlign: 'center' }}>
                <Spin spinning={loading} size="large" />
            </div>
            <div>
                <div>
                    权限测试页面
                    <Button>Button</Button>
                </div>
            </div>
        </PageContainer>
    );
};
